<template>
	<div class="projectFooter-container">
		<div class="projectFooter-content">
			<div class="projectFooter-left">
				<div>
					<ul>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>儿童隐私政策</li>
						<li>版权投诉指引</li>
						<li>联系我们</li>
						<li>广告合作</li>
						<li>廉正举报</li>
					</ul>
				</div>
				<div>
					<span>网易公司版权所有©1997-2022</span>
					<span>杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</span>
				</div>
				<div>
					<span>粤B2-20090191-18 工业和信息化部备案管理系统网站</span>
					<span
						><i class="projectFooter-iconPolice"></i>浙公网安备
						33010902002564号</span
					>
				</div>
			</div>
			<div class="projectFooter-right">
				<ul>
					<li>
						<a>
							<span></span>
							<span></span>
						</a>
					</li>
					<li>
						<a>
							<span></span>
							<span></span>
						</a>
					</li>
					<li>
						<a>
							<span></span>
							<span></span>
						</a>
					</li>
					<li>
						<a>
							<span></span>
							<span></span>
						</a>
					</li>
					<li>
						<a>
							<span></span>
							<span></span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: "ProjectFooter",
};
</script>

<script setup></script>

<style scoped>
.projectFooter-container {
	width: 100%;
	height: 172px;
	border-top: 1px solid rgb(211, 211, 211);
  background: #f2f2f2;
}
.projectFooter-content {
	height: 102px;
	width: 980px;
	margin: 0 auto;
	display: flex;
  justify-content:space-between;
  align-items: center;
}
.projectFooter-left {
	font-size: 12px;
}
.projectFooter-left > div {
	display: flex;
	height: 24px;
	line-height: 24px;
}
.projectFooter-left > div > ul {
	display: flex;
}
.projectFooter-left > div:nth-of-type(1) {
	color: #999;
}
.projectFooter-left > div > ul > li {
	padding: 0 7px;
	border-right: 1px solid rgb(211, 211, 211);
}
.projectFooter-left > div > ul > li:first-of-type {
	padding: 0 7px 0 0;
}
.projectFooter-left > div > ul > li:last-of-type {
	border: none;
}
.projectFooter-left > div:nth-of-type(2) > span:first-of-type {
	margin-right: 14px;
}
.projectFooter-iconPolice {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 2px 0 8px;
	background: url(https://s2.music.126.net/style/web2/img/3rd/police.png?d8aea268b6291b9fb9f75f38aee13132)
		no-repeat;
	background-size: cover;
}
.projectFooter-right > ul{
  display: flex;
}
.projectFooter-right > ul > li{
  margin: 0 20px;
}
.projectFooter-right > ul > li:last-of-type{
  margin: 0 0 0 20px;
}
.projectFooter-right a {
  display: flex;
  flex-direction: column;
}
.projectFooter-right > ul > li > a > span:first-of-type {
  display: inline-block;
	width: 50px;
  height: 45px;
}
.projectFooter-right > ul > li > a > span:last-of-type {
  display: inline-block;
  background-color: bisque;
  width: 52px;
  height: 14px;
  margin-top: 4px;
}
.projectFooter-right > ul > li:nth-of-type(1) > a > span:first-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_new.png?37fb5dd709b2485359789e7b2cd68fda)
		no-repeat -63px -456.5px ;
    background-size: 110px 552px;
}
.projectFooter-right > ul > li:nth-of-type(1) > a > span:last-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c956d78db12a79dfcba3f6d4489e7a07)
		no-repeat 0 -108px ;
    background-size: 180px 139px;
    width: 72px;
    margin-left: -6px;
}
.projectFooter-right > ul > li:nth-of-type(2) > a > span:first-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_new.png?37fb5dd709b2485359789e7b2cd68fda) no-repeat -63px -101px;
  background-size: 110px 552px;
}
.projectFooter-right > ul > li:nth-of-type(2) > a > span:last-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c956d78db12a79dfcba3f6d4489e7a07)
		no-repeat -1px -91px;
    background-size: 180px 139px;
}
.projectFooter-right > ul > li:nth-of-type(3) > a > span:first-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_new.png?37fb5dd709b2485359789e7b2cd68fda) no-repeat;
  background-size: 110px 552px;
}
.projectFooter-right > ul > li:nth-of-type(3) > a > span:last-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c956d78db12a79dfcba3f6d4489e7a07)
		no-repeat ;
    background-size: 180px 139px;
}
.projectFooter-right > ul > li:nth-of-type(4) > a > span:first-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_new.png?37fb5dd709b2485359789e7b2cd68fda) no-repeat -60px -50px;
  background-size: 110px 552px;
}
.projectFooter-right > ul > li:nth-of-type(4) > a > span:last-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c956d78db12a79dfcba3f6d4489e7a07)
		no-repeat 0 -54px;
    background-size: 180px 139px;
}
.projectFooter-right > ul > li:nth-of-type(5) > a > span:first-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_new.png?37fb5dd709b2485359789e7b2cd68fda) no-repeat 0 -101px;
  background-size: 110px 552px;
}
.projectFooter-right > ul > li:nth-of-type(5) > a > span:last-of-type {
	background: url(https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c956d78db12a79dfcba3f6d4489e7a07)
		no-repeat -1px -72px;
    background-size: 180px 139px;
}

</style>
>
